

$(function () {
    $.fn.extend({
        autoPlay () {
            var timer = null ;
            var indexImg = 0;
            var spaninex = 0;
            timer =  setInterval(() => {
                indexImg++;
                if (indexImg > 4) {
                    indexImg = 1;
                    this.css('left', '0px');
                 }
                this.animate({ left: indexImg * -2000 });
                $('.banner .litCir_ul').find('li').eq(indexImg).addClass('active').siblings().removeClass('active')
                
            }, 3000);
            $('.banner').hover(function () {
                clearInterval(timer);
            },function () {
                clearInterval(timer)
                timer =  setInterval(() => {
                indexImg++;
                spaninex++;
                if (indexImg > 4) {
                    indexImg = 1;
                    $('.img_ul').css('left', '0px');
                 }
                 $('.img_ul').animate({ left: indexImg * -2000 });
                 if(spaninex>3){
                     spaninex = 0;
                 }
                //  if(indexImg=4){
                    // $('.banner .litCir_ul').find('li').eq(0).addClass('active').siblings().removeClass('active')

                //  }else{
                     $('.banner .litCir_ul').find('li').eq(spaninex).addClass('active').siblings().removeClass('active')
                // }
            }, 3000);
            })
        },

        
    })
    var $newLi = $('.img_ul').find('li').eq(0).clone()
    $('.img_ul').find('li:last').after($newLi);
    // console.log($('.img_ul'));//? 没有显示
    $('.img_ul').autoPlay()
       
            function debounce(fn, delay) {
                var timer = 0;//驻扎在内存中 不会被释放
                return function () {
                    clearTimeout(timer);
                    let self = this;
                    timer = setTimeout(function () {
                        fn.bind(self)();
                    }, delay);
                }
            }
           
    var $index = 0
     $('.banner .litCir_ul').find('li').click(function(){

                    $index = $(this).index()

                    $(this).addClass('active').siblings().removeClass('active')
                    $('.banner').find('.img_ul').stop().animate({left:$index*-2000},2000)

        })
     $('.banner .buttons').find('span').click(function(){
            if($(this).index()==0){
                 
                    if($index==0){
                        return
                    }else{
                        $index--;
                        $('.banner .litCir_ul').find('li').eq($index).addClass('active').siblings().removeClass('active')
                        $('.banner').find('.img_ul').stop().animate({left:$index*-2000},1000)
                    }
            }else{
                
                if($index==3){
                    return
                }else{
                    $index++;
                    $('.banner .litCir_ul').find('li').eq($index).addClass('active').siblings().removeClass('active')
                    $('.banner').find('.img_ul').stop().animate({left:$index*-2000},1000)
                }
            }

                  
        })  
    //  $('body').gailc();
   
        var oImtesScrollTop = [...$(".fl-container")].map(item => Math.ceil($(item).offset().top));
        //1. 给左边菜单绑定点击事件
        $(".valnav .floor").on("click", function () {
            //2.得到下标
            console.log(oImtesScrollTop+111);
            let $findex = $(this).index()-3;
            $(this).addClass("flooractive").siblings().removeClass("flooractive");
            $("html,body").stop().animate({
                scrollTop: oImtesScrollTop[$findex]-$(".fl-container").height() - 320
            })
        })
        $(".valnav .backtop").on("click", function () {
            //2.得到下标
            console.log(oImtesScrollTop+111);
            $("html,body").stop().animate({
                scrollTop: 0
            })
        })

        //滚轮事件
        //1.获取每一个item的底部到页面body的距离
        let oList = [...$(".fl-container")].map(item => $(item).offset().top + $(item).height());
        $(window).on("scroll", debounce(function () {
            //2.获取不可见区域高度
            let scrollTop = $(document).scrollTop();
            //3.拿不可见区域高度,与 oList里面的每一个值比较,如果 scrollTop小于里面的某一个值的时候
            //得到oList对应的下标
            let Findex = oList.findIndex(item => Math.ceil(scrollTop) < parseInt(item));
            $(".valnav .floor").eq(Findex).addClass("flooractive").siblings().removeClass("flooractive");
        }, 100))
  
       $(window).load(function () {
                

                $.ajax({
                    url: '/account/produList'
                }).then(function (res) {
                    console.log(res[0]);
                    let strHtml = ``;
                    res.forEach(item =>{
                        strHtml += 
                        `
                            <div class="fl-products-item">
                                <a href="/detail.html?id=${item.pId}" target="_blank">
                                    <div class="img-box" href="/product/9010966.html">
                                        <img src="${item.pic}" height="240" width="220">
                                    </div>
                                    <div class="product-content">
                                        <p class="product-title"> ${item.pName}</p>
                                        <p class="product-price">
                                            <span class="price-sign">&yen;</span>
                                            <span class="price-num" data-pp="9012467"></span>
                                        </p>
                                        <p class="product-sell">已售 2.6万 件</p>
                                    </div>
                                </a>
                            </div>
                            `
                            ;
                        
                            ;
                            $('.f-lover .bdcontent').html(strHtml);
                        })
                })
             
                var uId =JSON.parse(localStorage.getItem("datass"));
                console.log(uId['u_id']);
                if(uId['u_id']!=undefined){
                    $('#btn-login em').text(uId['u_id'])
                }

        
        })


       
})

